.detail{
	padding-bottom:120upx;
	.top{
		height: 80upx;
		display: flex;
		align-items: center;
		background: #d0fefc;
		padding: 0 30upx;
		.security{
			padding-left: 20upx;
			color: #299a39;
		}
	}
	.mutual-basic{
		padding:30upx;
		.project-name{
			font-weight: bold;
			font-size: 36upx;
		}
		.mutual-other{
			margin-top: 30upx;
			background: #f9f9f9;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top-right-radius: 12upx;
			border-top-left-radius: 12upx;
			.mutual-lists{
				padding: 30upx 20upx;
				display: flex;
				align-items: center;
				justify-content: center;
				.mutual-list{
					display: flex;
					flex-flow: column;
					margin-right: 50upx;
					text{
						text-align: center;
						font-size: 24upx;
					}
					.num{
						font-size: 34upx;
					}
				}
			}
			.mutual-money{
				background: #299a39;
				color: #FFFFFF;
				padding: 6upx 24upx;
			}
		}
		.title{
			background: #f9f9f9;
			padding: 10upx 20upx 30upx 20upx;
			// border-bottom: 2upx solid #EEEEEE;
		}
		.see{
			background: #f9f9f9;
			padding: 0 20upx 20upx 20upx;
			border-bottom: 2upx solid #EEEEEE;
			color: #666;
			font-size: 24upx;
			text{
				padding-right: 50upx;
			}
		}
		.examine{
			background: #f9f9f9;
			height: 90upx;
			display: flex;
			align-items: center;
			padding: 0 20upx;
			justify-content: space-between;
			border-bottom: 2upx solid #EEEEEE;
		}
		.user{
			background: #f9f9f9;
			height: 140upx;
			display: flex;
			align-items: center;
			border-bottom-right-radius: 12upx;
			border-bottom-left-radius: 12upx;
			padding: 0 20upx;
			justify-content: space-between;
			.user-left{
				display: flex;
				align-items: center;
				image{
					width: 90upx;
					height: 90upx;
					border-radius: 45upx;
				}
				.user-right{
					padding-left: 20upx;
					display: flex;
					flex-flow: column;
					text:first-child{
						font-size: 34upx;
					}
					text:last-child{
						font-size: 26upx;
						padding-top: 4upx;
					}
				}
			}
		}
	}
	.mutual-steps{
		padding: 0 30upx;
		.mutual-title{
			height: 70upx;
			border-bottom: 1upx solid #EEE;
			display: flex;
			align-items: center;
			font-weight: bold;
			font-size: 32upx;
		}
		.step{
			margin-bottom: 40upx;
		}
		.step-title{
			display: flex;
			margin-top: 20upx;
			text:first-child{
				background-color: #299a39;
				color: #FFFFFF;
				width: 46upx;
				height: 46upx;
				border-radius: 23upx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 30upx;
			}
			text:last-child{
				padding-left: 20upx;
				width: 80%;
				font-size: 30upx;
			}
		}
		.step-content{
			.link{
				display: flex;
				margin-top: 30upx;
				.link-c{
					display: inline-block;
					white-space: nowrap; 
					width: 65%; 
					overflow: hidden;
					text-overflow:ellipsis;
					height: 60upx;
					border: 1px solid #2C405A;
					padding: 0 0 0 20upx;
					border-radius: 10upx;
					line-height: 60upx;
				}
				.open-link{
					background-color: #299a39;
					color: #FFFFFF;
					display: flex;
					align-items: center;
					justify-content: center;
					height: 60upx;
					margin-left: 30upx;
					padding: 0 24upx;
					border-radius: 10upx;
				}
			}
			.images{
				width: 100%;
				display: flex;
				margin-top: 30upx;
				.image-1{
					width: 50%;
					margin-right: 10upx;
					image{
						border-radius: 6upx;
						width: 100%;
					}
				}
				.image-2{
					width: 50%;
					margin-left: 10upx;
					image{
						border-radius: 6upx;
						width: 100%;
					}
				}
				.image-right{
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid #EEEEEE;
					border-radius: 6upx;
					box-sizing: border-box;
				}
			}
			.collect{
				margin-top: 30upx;
				input{
					height: 70upx;
					border: 2upx solid #2C405A;
					padding: 0 20upx;
					border-radius: 10upx;
				}
			}
		}
	}
	.btn{
		position: fixed;
		bottom: 0;
		height: 120upx;
		background-color: #f9f9f9;
		width: 100%;
		font-size: 36upx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 30upx;
		box-sizing: border-box;
		z-index: 999;
		text{
			height: 80upx;
			width: 100%;
			background-color: #2C405A;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 20upx;
		}
		.btn-bg{
			background: #dbdbdb;
		}
	}
	.pingjia{
		padding: 0 30upx;
		.mutual-title{
			height: 70upx;
			border-bottom: 1upx solid #EEE;
			display: flex;
			align-items: center;
			font-weight: bold;
			font-size: 32upx;
		}
		.lists{
			.list{
				padding: 20upx 0;
				border-bottom: 1px solid #EEEEEE;
				.list-top{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.user{
						display: flex;
						align-items: center;
						text{
							padding-left: 20upx;
							font-size: 30upx;
						}
					}
					image{
						width: 70upx;
						height: 70upx;
						border-radius: 35upx;
					}
					.list-evaluate-num{
						font-size: 36upx;
						color: #2C405A;
					}
				}
				.list-content{
					padding-left:100upx;
					color: #333;
				}
				.list-time{
					padding-left:100upx;
					padding-top: 10upx;
				}
			}
		}
	}
}